<!-- 逻辑 -->
<script setup lang="ts">
import { ref } from 'vue'

const msg = ref('<button>点我</button>')
</script>

<!-- 结构 -->
<template>
  <!-- 标签会解析 -->
  <h1 v-html="msg"></h1>
  <!-- 无论什么都当内容解析 -->
  <h1 v-text="msg"></h1>
  <!-- 如果要部分替换就用插值表达式{{ }} -->
</template>

<!-- 样式 -->
<style scoped></style>
